<template>
    <div class="home">
      <div v-for="i in 30" class="info">
        <p>您好，130****1234</p>
      </div>
    </div>
  </template>
  
  <script setup>
  import { ref, onMounted, reactive, computed, watch } from "vue";
  import { useStore } from "vuex";
  const store = useStore();
  const state = reactive({});
  const tabIndex = ref(0);
  
  onMounted(() => {});
  
  const changeTab = (index) => {
    tabIndex.value = index;
  };
  </script>
  
  <style lang="scss" scoped>
  .home {
    margin: 0 auto;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-direction: column;
    .info {
      padding: 0 16px;
      font-size: 18px;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #333333;
      p {
        height: 50px;
      }
    }
  }
  </style>
  